<template>
    <div class="user-wrap">
        <div class="quit" @click="quit">退出</div>
    </div>    
</template>
  

<script setup lang="ts">
import {onMounted,onActivated, onDeactivated} from "vue";
import {useRoute, useRouter} from "vue-router";
const router = useRouter()
const quit = () => {
    router.push('/login')
};

onMounted(() => {
    // console.log('use---->mmm');
})
 
onActivated(() => {
  console.log('user---激活');
});
onDeactivated(() => {
  console.log('user---离开');
});
</script>


<style scoped lang="less">
.user-wrap{
    width:100%;
    height:100%;
    .quit{
        width: 200px;
        height: 200px;
        text-align: center;
    }
}
</style>
